
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#0d081b; border:0; font:12px Arial, Helvetica, sans-serif; color:#807b8d; line-height:17px; min-width:960px;}

/* Global Structure ============================================================= */

.body1{ background:url(../images/bg.jpg) center 356px repeat-x #140e25}
.body2 { background:url(../images/bg_img.jpg) center 356px no-repeat}

#page1 .body1, #page1 .body2{ background-position: center 766px;}

/* ============================= main layout ====================== */

a{ color:#d06a20; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ margin-left:-12px; padding-top:55px; min-height:301px}
#page1 h1{ min-height:120px}
h2{ font-family: 'Lobster', arial, serif; font-size:30px; color:#d5d5d5; font-weight:normal; line-height:1.2em; padding:35px 0 20px 0;}
h2 span{ display:block; margin-top:-6px;}
p{ padding-bottom:17px;}
strong{ color:#9891a9}

.tablegrid
{
    background:none;
    
}
.tablegrid td
{
    border: 1px solid #4e388d;
}

.tablegrid tr:nth-child(even)
{
    background-color: transparent;
}

.tablegrid tr:nth-child(odd)
{
    background-color: transparent;
}
     
.tablegrid tr:hover
{
    background-color: #d5d5d5;
    color:#ba1d6e;
}



/* ============================= header ====================== */
header{ position:relative; z-index:3;}

#page1 header{}

.bg_spinner{ width:100%; height:100%; position: absolute; z-index:0; background:url(../images/ajax-loader.gif) 50% 383px no-repeat}
#bgSlider{ position: absolute !important; z-index:1 !important; width:100%; height:356px; overflow:hidden;  min-width:960px;}
#page1 #bgSlider{ height:766px;}


.pagination{ margin: 555px 0 0 898px; height:36px;}
.pagination li{ float:left; padding-right:2px;}
.pagination a{ display:block; background: url(../images/buttons.png) right 0 no-repeat; width:18px; height:18px;}
.pagination a:hover, .pagination .current a{ background-position:left}

#logo{ display:block; background:url(../images/logo.png) 0 0 no-repeat; width:322px; height:120px; text-indent:-9999px;}


#menu { background:url(../images/menu_line7.gif) right 0 no-repeat; height:85px; padding-left:5px; margin-right:5px;}
#menu > li { float:left; padding-left:2px; position:relative}
#menu > li > a{ display:block; width:156px; font-size:25px; height:85px; line-height:80px; text-align:center; text-decoration:none}

#nav1{ background:url(../images/menu_line1.gif) 0 0 no-repeat}
#nav2{ background:url(../images/menu_line2.gif) 0 0 no-repeat}
#nav3{ background:url(../images/menu_line3.gif) 0 0 no-repeat}
#nav4{ background:url(../images/menu_line4.gif) 0 0 no-repeat}
#nav5{ background:url(../images/menu_line5.gif) 0 0 no-repeat}
#nav6{ background:url(../images/menu_line6.gif) 0 0 no-repeat}

#nav1:hover > a, #nav1.active > a{ background: url(../images/menu_bg1.jpg) 0 0 no-repeat}
#nav2:hover > a, #nav2.active > a{ background: url(../images/menu_bg2.jpg) 0 0 no-repeat}
#nav3:hover > a, #nav3.active > a{ background: url(../images/menu_bg3.jpg) 0 0 no-repeat}
#nav4:hover > a, #nav4.active > a{ background: url(../images/menu_bg4.jpg) 0 0 no-repeat}
#nav5:hover > a, #nav5.active > a{ background: url(../images/menu_bg5.jpg) 0 0 no-repeat}
#nav6:hover > a, #nav6.active > a{ background: url(../images/menu_bg6.jpg) 0 0 no-repeat}

.submenu1{ position:absolute; left:2px; top:86px; width:157px}
.submenu1 li{ position:relative; padding-bottom:1px;}
.submenu1 li a{ display:block; font-size:20px; line-height:36px; height:40px; background:#1d1129; color:#fff; text-decoration:none; padding-left:47px;}
.submenu1 li a:hover{ background:#613787}

.submenu2{ position:absolute; top:0; left:158px; width:157px}


#menu ul{ display:none}

#content_rblSex
{
    margin-top:10px;
}

#content_rblSex td
{
    width:70px;
}
/* ============================= content ====================== */

#content{padding-top:10px; width:100%; overflow:hidden; position:relative; z-index:2; padding-bottom:39px;}

.pad_bot1{ padding-bottom:23px;}
.pad_bot2{ padding-bottom:18px;}
.pad_bot3{ padding-bottom:7px;}
.pad_top1{ padding-top:5px;}
.marg_right1{ margin-right:19px;}
.marg_right2{ margin-right:10px;}
.pad_left1{ padding-left:12px;}

.line1{ background:url(../images/line_ver1.jpg) 365px 36px no-repeat}
#page3 .line1{ background-image:url(../images/line_ver2.jpg)}


.img1{ margin:15px 16px 0 0}

.link1{ text-decoration:none}
.link1:hover{ text-decoration:underline}
.link2{ display:inline-block; font-weight:bold; color:#9891a9; text-decoration:none; padding-left:18px; background:url(../images/marker_1.png) 0 3px no-repeat; margin-bottom:9px;}
.link2:hover{ color:#d06a20}
.link3{ display:inline-block; font-weight:bold; color:#9891a9; text-decoration:none;}
.link3:hover{ color:#d06a20}
.color1{ color:#867f9e}
.color2{ color:#fff}

.button1{ display:inline-block;font-family: 'Lobster', arial, serif; font-size:20px; color:#fff; padding:0 23px;border-radius:22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; box-shadow: 1px 1px 1px rgba(0, 0, 0, .5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5); position: relative; background:url(../images/button1.gif) 0 top repeat-x #ff451f; height:42px; line-height:36px; text-decoration:none; margin-bottom:2px;}
.button1:hover{ background-position:bottom; background-color:#24163b}

.or{ display:block; text-align:center; padding:6px 0 0 0; margin-bottom:-5px;}

.prev, .next{ float:left; margin-top:101px; width:16px; height:31px;}
.prev{ background:url(../images/marker_left.gif) 0 0 no-repeat; margin-right:19px;}
.next{ background:url(../images/marker_right.gif) 0 0 no-repeat; margin-left:16px;}
.prev:hover, .next:hover{ background-position:bottom}

#gallery{ float:left; width:883px !important; padding-bottom:17px}
#gallery li{ float:left; width:197px; margin-right:15px; background:url(../images/box_bg.png) 0 0 repeat-x; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-bottom:1px solid #140f27; border-right:1px solid #140f27; position: relative; padding:5px 6px 24px 6px; margin-bottom:2px;}
#gallery span{ margin-left:10px; padding-left:17px; display:block; background:url(../images/marker_1.png) 0 3px no-repeat; overflow:hidden}
#gallery strong{ display:block}
#gallery img{ margin-bottom:18px;}

.list1{}
.list1 li{ line-height:21px;}
.list1 li a{ font-weight:bold; text-decoration:none; padding-left:12px; background:url(../images/marker_2.gif) 0 6px no-repeat; color:#9891a9}
.list1 li a:hover{ color:#fff}


#page4 .pad_bot1{ padding-bottom:28px;}
#page4 .marg_right2{ margin-right:14px;}
#page4 .pad_left1{ padding-left:8px;}
#page4 #content{ padding-bottom:60px;}

#page5 .pad_bot1{ padding-bottom:30px;}

table thead {}
table{ background:url(../images/table_head.jpg) 0 0 no-repeat; border-right:1px solid #261b45}
table th{ height:48px; font-weight:bold; color:#9891a9; vertical-align:middle; padding:0 17px; width:52px; text-align:center}
table th.td1{ text-align:left; width:257px}
table td{}
table div{ padding:0 17px; text-align:center; width:52px;height:46px; overflow:hidden; padding-top:12px}
table td span{ color:#fff}
table td.td1{ background:url(../images/table_line_vert1.jpg) 0 0 repeat-y;}
table td.td2{ background:url(../images/table_line_vert2.jpg) 0 0 repeat-y;}
table td.td3{ background:url(../images/table_line_vert3.jpg) 0 0 repeat-y;}
table td.td4{ background:url(../images/table_line_vert4.jpg) 0 0 repeat-y;}
table .td1 div{ background:url(../images/table_line_hor1.jpg) 0 bottom no-repeat; width:257px; text-align:left}
table .td2 div{ background:url(../images/table_line_hor2.jpg) 0 bottom no-repeat;}
table .td3 div{ background:url(../images/table_line_hor3.jpg) 0 bottom no-repeat;}
table .td4 div{ background:url(../images/table_line_hor4.jpg) 0 bottom no-repeat; height:38px; padding-top:20px}


iframe { border:7px solid #fff; margin-bottom:18px}

/* ============================= footer ====================== */

footer { padding-top:19px; color:#fff; width:100%; overflow:hidden; padding-bottom:14px;}
footer a{ color:#fff; text-decoration:none}
footer a:hover{ text-decoration:underline}

#icons{ float:right; padding:0 5px 0 0}
#icons li{ float:left; padding-left:3px; font-family: 'Lobster', arial, serif; font-size:20px; line-height:1.2em; color:#fff}
#icons li a{ display:block; width:22px; height:21px; margin-top:3px;}

footer .grid_10{ padding-top:3px;}

/* Tooltips */
.aToolTip {	border:1px solid #000; background:#613787; color:#fff;	margin:0; padding:2px 10px 3px; font-size:11px;	border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: absolute;}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0;}


/* ============================= forms ============================= */

#contact_form { padding-top:1px;}
#content_contactform {}
#content_contactform span.label{ float:left; width:120px; color:#fff; font-size:13px; line-height:36px;}
#content_contactform .button1 { float:right; margin-left:8px;}
#content_contactform input {padding:7px;  float:left; font:12px Arial, Helvetica, sans-serif;  height:18px; margin:0}
#content_contactform textarea { overflow: auto; width:461px; background: none; padding:10px;  float:left; font:12px Arial, Helvetica, sans-serif; color:#fff; height:238px; margin:0}
#content_contactform fieldset {border:none; width:100%; overflow:hidden;}
#content_contactform .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:41px;}
#content_contactform .textarea-box { width:100%;display:inline-block;position:relative; min-height:280px; overflow:hidden; padding-bottom:6px;}
#content_contactform label {padding:0;font-size:10px;	position: relative;font-size:11px; left:10px;top:1px; margin-bottom:0px}
#content_contactform .error {color:#d06a20;}
#content_contactform fieldset {border:none;}
div#contact_form .download-box p{padding:16px 30px; border:1px solid #653a8c}
#content_contactform .bg{ float:left;}
#content_contactform .textarea-box .bg{ background:url(../images/textarea_bg.png) 0 0 no-repeat}
#content_contactform .textarea-box .error{ padding-left:70px;}

#form_1{ color:#fff; line-height:21px;}
#form_1 .row{ min-height:50px; width:100%; position:relative;}
#form_1 .z_index{ z-index:3}
#form_1 .radio{ padding-top:48px; min-height:29px;}
#form_1 .pad_left1{ padding-left:4px}
#form_1 .marg_right1{ margin-right:22px;}
#form_1 h2{ padding-bottom:6px;}
#form_1 .cols{ width:130px; float:left;}
#form_1 .button1{ margin-top:22px; z-index:2}

.select1 .jqTransformSelectWrapper, .select1 .jqTransformSelectWrapper ul  {width:55px !important; float:left; margin-right:5px;}
.select2 .jqTransformSelectWrapper, .select2 .jqTransformSelectWrapper ul  { width:65px !important; float:left; margin-right:5px;}
.select3 .jqTransformSelectWrapper, .select3 .jqTransformSelectWrapper ul  { width:85px !important; float:left;}
.select3 { float:left; margin-right:5px;}
.select3.end{ margin-right:0}
/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block; margin-right:5px; margin-top:4px;}
.jqTransformRadio {background: url(../images/radio_button.png) right 0 no-repeat;	height: 13px;width: 13px;display:block;/*display: -moz-inline-block;*/}
.jqTransformRadio.jqTransformChecked{ background-position:left}
/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper, .jqTransformSelectWrapper ul  {position:relative; width:265px !important;}

.jqTransformSelectWrapper div {font: 12px Arial, Helvetica, sans-serif; color:#231849; display:block;position: relative; z-index:1;white-space: nowrap;height: 25px;line-height:25px;overflow: hidden;cursor:pointer; background:#fff;}

.jqTransformSelectWrapper div span{padding: 0 0 0 5px; display:block;}

a.jqTransformSelectOpen {display: block;	position: absolute; top:1px;	right:1px;	width: 23px;height: 23px;background: url(../images/select.gif) no-repeat;}

.jqTransformSelectWrapper ul {position: absolute;top:26px;left: 0px; background:#fff; display: none;z-index:10;  padding:5px 0; height:50px; overflow:auto;} 

.jqTransformSelectWrapper ul a {display: block;padding: 0 7px;text-decoration: none; color:#231849}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {color:#fff; background:#231849}

.forms1 { padding-top:9px; width:100%; overflow:hidden}
.forms1 .input{ background:#fff; color:#231849; font:12px Arial, Helvetica, sans-serif; width:300px; padding:5px; height:15px;}
.forms1 .row{ width:100%; overflow:hidden; min-height:50px; color:#fff; line-height:22px;}
.forms1 .button1{ float:right; line-height:32px; height:35px; padding:0 20px; margin-top:6px;}
.forms1 strong{ display:block; padding-bottom:2px;}
.forms1 .radio{ padding-top:10px; min-height:22px; margin-bottom:-3px;}
.forms1 .radio .left{ margin-right:22px;}
.forms1 .radio .jqTransformRadioWrapper { margin-top:5px;}

#form_5 { margin-top:-3px; padding-bottom:47px} 
#form_5 .jqTransformSelectWrapper, #form_5 .jqTransformSelectWrapper ul  {width:257px !important; float:left; margin-right:5px;}

.z_index1{ z-index:3}
.z_index2{ z-index:1}
